<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./src/css/reset.css">
    <link rel="stylesheet" href="./src/css/common.css">
    <link rel="stylesheet" href="./src/css/API-index.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <a href="./index.html">
            <img src="./src/img/new-logo-white2.png" alt="">
        </a>
        <div class="zc">
            <a href="./index.html"> 首页 </a>
            <a href="./API-index.html" class="on"> API</a>
            <a href="./API-details.html">云服务</a>
            <a href="./customer.html"> 案例</a>
            <a href="./customer-details.html">开发者</a>
        </div>
        <div class="header-r">
            <a href="#" id="showbtn">
                登录
            </a>
            <a href="./zhuce.html">
                注册有礼
            </a>
        </div>
    </header>

    <!-- 内容 -->
    <div class="concent api-pages banxin">
        <h2>API分类</h2>
        <div class="api-span"></div>
        <form action="#">
            <span>全部</span>
            <input type="text" placeholder="身份证实名">
            <img src="./src/img/magnifier.png" alt="">
        </form>
        <ul class="api-list"></ul>
    </div>

    <!-- 模态框 -->
    <div id="mask">
        <div id="maskbox">
            <img src="./src/img/new-logo-white2.png" alt="">
            <div class="denglu">
                <a href="#" class="on">账号登录</a>
                <p>|</p>
                <a href="#">扫码登录</a>
            </div>
            <div id="tab" class="tabo">
                <div class="user">
                    <div></div>
                    <input type="text" placeholder="用户名/手机号/邮箱">
                </div>
                <div class="pass">
                    <div></div>
                    <input type="text" placeholder="密码">
                </div>
                <a href="./login.html" class="forget">忘记密码</a>
                <button>登录</button>
                <p>还没有源码账号，
                    <a href="./zhuce.html">立刻注册 <span></span></a>
                </p>
            </div>
            <div id="tabt" class="tabo">
                <div class="scan">
                    <img src="./src/img/103-demo.png" alt="">
                    <p class="one">微信扫码登录</p>
                    <p class="two">未关注源码公众号,请先关注后再注册</p>
                </div>
                <p class="ten">还没有源码账号，
                    <a href="./zhuce.html">立刻注册 <span></span></a>
                </p>
            </div>
        </div>
    </div>


    <!-- 尾部 -->
    <footer class="banxin">
        <div class="footer-top">
            <div class="footer-left">
                <dl>
                    <dt>联系与支持</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl>
                    <dt>关于源码</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl>
                    <dt>快速入口</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl>
                    <dt>产品服务</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl>
                    <dt>解决方案</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
            </div>
            <div class="footer-right">
                <p class="p1">微信公众号</p>
                <p class="p2">源码时代</p>
                <img src="./src/img/wechat-white.png ">
            </div>
        </div>
        <div class="footer-bottom">
            <p class="footer-l">
                <a href="#">
                    <img src="./src/img/bei2.png" alt="">
                </a>
                <a href="#">
                    <img src="./src/img/bei1.png" alt=""> </a>
                <span>增值电信业务经营许可证:蜀B2-20180596</span>
                <a href="#">蜀ICP备15006450号-3</a>
                <a href="#">营业执照</a>
            </p>
            <p class="footer-r">
                <span>源码大数据股份有限公司©版权所有</span>
            </p>
        </div>
    </footer>

    <script src="./src/js/API.index.js"></script>
    <script src="./src/js/api.js"></script>
</body>

</html>